@import"../../assets/css/reset.css";
@import"../../assets/css/common.css";
@import"../../assets/libs/swiper/swiper-bundle.min.css";
body {
    display: block;
  }
#mydiv {
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    min-width: 1200px;
    z-index: 1000;
   
    canvas {
        position: relative !important;
        z-index: 1;
    }
}
main{
    min-width: 1200px;
    position: relative;
    &>div:nth-child(1){
        position: absolute;
        top: -120px;
        display: flex;
        width: 1200px;
        height: 290px;
        div{
            width: 50%;
            background-color:#fff;
            padding: 50px 100px 0 45px;
            display: flex;
            flex-direction: column;
            h2{
                margin: 25px 0 30px 0;
                font-size: 36px;
            }
            p{
                font-size: 16px;
                line-height: 28px;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 3;
                display: -webkit-box;
                -webkit-box-orient: vertical;
            }

          
        }
        img{
            width: 50%;
          }
       

    }
}